<template>
    <el-row class="content">
        <el-col :span="4">
            <router-link to="/hello-world/helloworld">
                <div class="img-box">
                    <img src="/img/hello-world.png" object-fit="fill" />
                </div>
                <span>Hello World</span>
            </router-link>
        </el-col>
        <el-col :span="4">
            <router-link to="/hello-world/helloworld">
                <div class="img-box">
                    <img src="/img/hello-world.png" object-fit="fill" />
                </div>
                <span>Hello World</span>
            </router-link>
        </el-col>
        <el-col :span="4">
            <router-link to="/hello-world/helloworld">
                <div class="img-box">
                    <img src="/img/hello-world.png" object-fit="fill" />
                </div>
                <span>Hello World</span>
            </router-link>
        </el-col>
        <el-col :span="4">
            <router-link to="/hello-world/helloworld">
                <div class="img-box">
                    <img src="/img/hello-world.png" object-fit="fill" />
                </div>
                <span>Hello World</span>
            </router-link>
        </el-col><el-col :span="4">
            <router-link to="/hello-world/helloworld">
                <div class="img-box">
                    <img src="/img/hello-world.png" object-fit="fill" />
                </div>
                <span>Hello World</span>
            </router-link>
        </el-col>
        <el-col :span="4">
            <router-link to="/hello-world/helloworld">
                <div class="img-box">
                    <img src="/img/hello-world.png" object-fit="fill" />
                </div>
                <span>Hello World</span>
            </router-link>
        </el-col>
    </el-row>

</template>
<script setup lang='ts' name='useHelloWorld'>

</script>
<style scoped></style>